
// FILES
#JahiaGxtFileImagesBrowseTab.tab_filesimages {
    width: 100% !important;

    // Deal with icons here ...
    .x-tree3-node-icon {
        background-size: 23px 23px;
        background-repeat: no-repeat;
        padding-left: 18px;
        width: 18px;
        height: 23px;
        opacity: 0.85;

        // FOLDER ICON
        &[src$="/jnt_contentFolder.png"], /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 1 */
        &[src$="/jnt_folder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 2 */
            background-image: url(_icon("files", "grey"));
            background-size: 21px;
            background-position: top 2px center;
        }

        &[src$="/remoteFolder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 3 */
            background-image: url(../images/icons/tabs-files-shared-dark@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-files.scss ::: 1 */
        }

        // IMPORT DROP BOX
        &[src$="/jnt_importDropBox.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 4 */
            background-image: url(../images/icons/tabs-placeholder-white@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-files.scss ::: 2 */
        }

        &[src$="/jnt_virtualsite.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 5 */
            background-image: url(../images/icons/tabs-site-dark@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-files.scss ::: 3 */
        }
    }

    .x-grid3-row-selected {
        .x-tree3-node-icon {
            // FOLDER ICON
            &[src$="/jnt_contentFolder.png"], /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 6 */
            &[src$="/jnt_folder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 7 */
                background-image: url(_icon("files", "white"));
                opacity: 1;
            }

            &[src$="/remoteFolder.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 8 */
                background-image: url(../images/icons/tabs-files-shared-white@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-files.scss ::: 4 */
            }

            // IMPORT DROP BOX
            &[src$="/jnt_importDropBox.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 9 */
                background-image: url(../images/icons/tabs-placeholder-black@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-files.scss ::: 5 */
            }

            &[src$="/jnt_virtualsite.png"] { /* OPTIMISE SELECTOR ::: css/app/side-panel/_tab-files.scss ::: 10 */
                background-image: url(../images/icons/tabs-site-white@X2.png); /* OPTIMISE URL ::: css/app/side-panel/_tab-files.scss ::: 6 */
            }
        }
    }

    &::before {
        /* Tab Content Header Label */
        content: _dictionary("files") !important;
    }

    #images-view {

        .thumb-wrap {
            width: 47% !important;

            &.x-view-over {
                background: _theme($THUMB--BG---HOVER, $SIDE-PANEL) !important;
            }

            &.x-view-over.x-view-item-sel {
                background: _color("tertiary", normal) !important;
            }
        }

        .thumbDetails {
            position: relative;;
            left: 0;
            width: 100%;
            top: auto !important;
            padding: 6px;
            box-sizing: border-box;
            float: left;
        }
    }

    .results-column {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
    }
}
